<template>
  <div>
    <Test />
    <!-- 没注册或没定义标签 -->
    <!-- <charlie /> -->
  </div>
</template>

<script>
import {
  ref,
  getCurrentInstance
} from 'vue';
import Test from '@/components/Test';

export default {
  name: 'App',
  components: {
    Test
  },
  // 可以自定义属性(options) 在 getCurrentInstance()获取到的实例中拿到
  // 可以在 app.config.optionMergeStrategies 中添加一个函数进行配置 子父组件要是定义一样的名称时起的冲突
  custom: 'This is App\'s options',
  created() {
    // console.log(this.$options.custom);
    console.log(this.$options.utils);
  },
  setup(props) {
    const instance = getCurrentInstance();
    // console.log(instance.type.custom)
  }
}
</script>

<style>

</style>
